vue 操作json数组 | 您所在的位置:网站首页 › vue json数组 › vue 操作json数组 |
一、JSON 语法规则: JSON 是存储和交换文本信息的语法 在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML、JSON等, JSON作为一个轻量级的数据格式比xml效率要高,XML需要很多的标签,这无疑占据了网络流量。 1、JSON可以有两种格式 一种是对象格式的: {"name":"JSON","address":"北京市西城区","age":25}//JSON的对象格式的字符串另一种是数组对象 [{"name":"JSON","address":"北京市西城区","age":25}]//数据对象格式从上面的两种格式可以看出对象格式和数组对象格式唯一的不同则是在对象格式的基础上加上了[],再来看具体的结构,可以看出都是以键值对的形式出现的,中间以英文状态下的逗号(,)分隔。 在前端和后端进行数据传输的时候这种格式也是很受欢迎的,后端返回json格式的字符串,前台使用js中的JSON.parse()方法把JSON字符串解析为json对象,然后进行遍历,供前端使用。 javascript 对象表示语法的子集。 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 二、JSON 名称/值对 JSON 数据的书写格式是:名称/值对。 名称/值对组合中的名称写在前面(在双引号中),值对写在后面(同样在双引号中),中间用冒号隔开: "firstName":"John" 三、JSON 值 值可以是: 数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true 或 false) 数组(在方括号中) 对象(在花括号中) JSON正常就是由对象和数组组成,对象使用对象的方法来进行操作。数组使用数组的方法来进行操作。
数组 var ourcountry=[["北京市"],["上海市"],["合肥市","芜湖市","蚌埠市"]]; // 数组 alert(ourcountry[2][1]); JSONArray json数组,使用中括号[ ],只不过数组里面的项也是json键值对格式的 JSON对象 json对象,就是一个键对应一个值,使用的是大括号{ },如:{key:value} var status_process = { " name5" : '闲置期', "name1" : '播种期', "name2" : '苗期', "name3" : '生长期', "name4" : '采收期' } alert(status_process["name5"]); alert(status_process.name5); // 两个都为:闲置期JSON字符串 所谓json字符串,是指该字符串变量的值与json的格式相同,但是不是json对象,比如: var s1="{"; var s2 = " 'name5' : '闲置期', 'name1' : '播种期','name2' : '苗期','name3' : '生长期','name4' : '采收期'"; var s3="}"; var status_process=s1+s2+s3; JSON数组遍历 packJson = [ {"name":"zhang", "password":"123"}, {"name":"li", "password":"456"} ]; for(var p in packJson){//遍历json数组时,这么写p为索引 alert(packJson[p].name + " " + packJson[p].password); } // 或者 for(var i = 0; i < packJson.length; i++){ alert(packJson[i].name + " " + packJson[i].password); }JSON数组的操作 1、定义 var josnArry=[]; 2、添加 jsonArry.push(jsonObj); 3、删除 delete jsonArry[0]; splice(index,length): 4.循环访问数组 a.jquery $.each(jsonArry,function(index,item){ var userId=item.userId; }); b.一般方式 for(var i=0;i//遍历json对象的每个key/value对,p为key alert(p + " " + myJson[p]); } 字符串和json对象和json对象数组相互转换 var jsonStr = "{\"userId\":\"001\"}"; // json对象字符串 var jsonArryStr = "[{\"userId\":\"001\"},{\"userId\":\"002\"}]"; // json数组字符串 var jsonObj = JSON.parse(jsonStr); // 字符串转为json对象 var jsonArry = JSON.parse(jsonArryStr); // 字符串转为json数组 var jsonStr = JSON.stringify(jsonObj); // json对象转为字符串 var jsonArryStr=JSON.stringify(jsonArry);// json数组转为字符串 alert(jsonStr); alert(jsonArryStr); alert(jsonObj.userId); alert(jsonArry[0]['userId']); JSON.stringify(obj) 将JSON对象转为字符串。JSON.parse(string) 将字符串转为JSON对象格式。 json字符串转化成json对象 // jquery的方法 var jsonObj = $.parseJSON(jsonStr) //js 的方法 var jsonObj = JSON.parse(jsonStr) json对象转化成json字符串//js方法 var jsonStr1 = JSON.stringify(jsonObj) 注:只有数组或者json数组才可以使用length方法。json对象使用length方法无效。 Map map和json都是键值对,不同的是map中键值对中间用等号分开,json中键值对中间用冒号分开。其实json就是一种特殊形式的map。 |
CopyRight 2018-2019 实验室设备网 版权所有 |